<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:head>

	<style>
.ui-widget,.ui-widget .ui-widget {
	font-size: 11px !important;
}
</style>
	<title>Consultar Vendas</title>
	<link rel="stylesheet" type="text/css" href="css/estilos.css" />
</h:head>
<body>
	<h:form id="cVendaForm">
		<p:panel id="cVendaPanel" style="borde: none;">
			<h2>Consultar Vendas</h2>

			<h:panelGrid columns="4" cellpadding="2">
				<h:outputText value="Código Compra" />
				<h:outputText value="Nota Fiscal" />
				<h:outputText value="Serie" />
				<h:outputText value="Data de Emissão" />
				
				<p:inputText id="cVendaCodigo" value="" maxlength="4" size="7" />

				
				<p:inputMask id="nota" value="" 
					mask="999.999.999" />

				
				<p:inputMask id="serie" value=""  size="5"
					mask="999" />

				
				<p:inputMask id="data" value="" size="8" mask="99/99/9999" />

			</h:panelGrid>

			<p:separator id="separator1" />

			<h:panelGrid columns="4" cellpadding="2" >
				<h:outputText value="Código Cliente" />
				<h:outputText value="Cliente" />
				<h:outputText value="Valor Total" />
				<h:outputText value="" />
				
				<p:inputText id="idCliente" value="" maxlength="4" size="7" />
				<p:inputText id="cliente" value="" maxlength="30" size="33" />
				<p:inputText id="valor" value="" maxlength="30" size="10" />

				<p:commandButton value="Buscar" icon="ui-icon-search" title="Buscar"/>

			</h:panelGrid>
			
			<br></br>
			
			<p:separator id="separator2" />

			<p:dataTable>
				<p:column headerText="Codigo" width="50px" />
				<p:column headerText="Nota" width="50px" />
				<p:column headerText="Serie" width="50px" />
				<p:column headerText="Cliente" width="50px" />
				<p:column headerText="Data Emissao" width="50px" />
				<p:column headerText="Valor Total" width="50px" />
				<p:column headerText="Açao" width="50px" />
			</p:dataTable>

			<p:separator id="separator3" />
			<br></br>
			<h:panelGrid columns="2">
				<p:commandButton value="Novo"/>
				<p:commandButton value="Voltar" />
			</h:panelGrid>
		</p:panel>
	</h:form>
</body>
</html>